﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="slide.ascx.cs" Inherits="Shop_Phone.UserControls.slide" %>
<div id="QCBottom" class="carousel slide">
    <div class="bx-wrapper" style="max-width: 989px;">
        <div class="bx-viewport" style="width: 100%; overflow: hidden; position: relative;
            height: 120px;">
            <div class="bx-wrapper" style="max-width: 989px;">
                <div class="bx-viewport" style="width: 100%; overflow: hidden; position: relative;
                    height: 120px;">
                    <ul class="bxslider" style="width: 2215%; position: relative; transition: 0s; -webkit-transition: 0s;
                        -webkit-transform: translate3d(-3960px, 0px, 0px);">
                        <li style="float: left; list-style: none; position: relative; width: 197px; margin-right: 1px;"
                            class="bx-clone"><a href="Images/Kênh phân phối bán buôn điện thoại di động trực tuyến - Dienthoaionline.vn.htm"
                                target="_self">
                                <img src="Images/slide2.gif" alt="">
                            </a></li>
                        <li style="float: left; list-style: none; position: relative; width: 197px; margin-right: 1px;"
                            class="bx-clone"><a href="Images/Kênh phân phối bán buôn điện thoại di động trực tuyến - Dienthoaionline.vn.htm"
                                target="_self">
                                <img src="Images/slide3(1).jpg" alt="">
                            </a></li>
                        <li style="float: left; list-style: none; position: relative; width: 197px; margin-right: 1px;"
                            class="bx-clone"><a href="Images/Kênh phân phối bán buôn điện thoại di động trực tuyến - Dienthoaionline.vn.htm"
                                target="_self">
                                <img src="Images/slide4(1).jpg" alt="">
                            </a></li>
                        <li style="float: left; list-style: none; position: relative; width: 197px; margin-right: 1px;"
                            class="bx-clone"><a href="Images/Kênh phân phối bán buôn điện thoại di động trực tuyến - Dienthoaionline.vn.htm"
                                target="_self">
                                <img src="Images/slide5(1).jpg" alt="">
                            </a></li>
                        <li style="float: left; list-style: none; position: relative; width: 197px; margin-right: 1px;"
                            class="bx-clone"><a href="Images/Kênh phân phối bán buôn điện thoại di động trực tuyến - Dienthoaionline.vn.htm"
                                target="_self">
                                <img src="Images/slide6(1).jpg" alt="">
                            </a></li>
                        <li style="float: left; list-style: none; position: relative; width: 197px; margin-right: 1px;"
                            class="bx-clone"><a href="Images/Kênh phân phối bán buôn điện thoại di động trực tuyến - Dienthoaionline.vn.htm"
                                target="_self">
                                <img src="Images/slide8.jpg" alt="">
                            </a></li>
                        <li style="float: left; list-style: none; position: relative; width: 197px; margin-right: 1px;"
                            class="bx-clone"><a href="Images/Kênh phân phối bán buôn điện thoại di động trực tuyến - Dienthoaionline.vn.htm"
                                target="_self">
                                <img src="Images/slide9.gif" alt="">
                            </a></li>
                        <li style="float: left; list-style: none; position: relative; width: 197px; margin-right: 1px;"
                            class="bx-clone"><a href="Images/Kênh phân phối bán buôn điện thoại di động trực tuyến - Dienthoaionline.vn.htm"
                                target="_self">
                                <img src="Images/slide1.gif" alt="">
                            </a></li>
                        <li style="float: left; list-style: none; position: relative; width: 197px; margin-right: 1px;"
                            class="bx-clone"><a href="Images/Kênh phân phối bán buôn điện thoại di động trực tuyến - Dienthoaionline.vn.htm"
                                target="_self">
                                <img src="Images/slide7.gif" alt="">
                            </a></li>
                        <li style="float: left; list-style: none; position: relative; width: 197px; margin-right: 1px;"
                            class="bx-clone"><a href="Images/Kênh phân phối bán buôn điện thoại di động trực tuyến - Dienthoaionline.vn.htm"
                                target="_self">
                                <img src="Images/slide10.jpg" alt="">
                            </a></li>
                        <li style="float: left; list-style: none; position: relative; width: 197px; margin-right: 1px;">
                            <a href="Images/Kênh phân phối bán buôn điện thoại di động trực tuyến - Dienthoaionline.vn.htm"
                                target="_self">
                                <img src="Images/slide2.gif" alt="">
                            </a></li>
                        <li style="float: left; list-style: none; position: relative; width: 197px; margin-right: 1px;">
                            <a href="Images/Kênh phân phối bán buôn điện thoại di động trực tuyến - Dienthoaionline.vn.htm"
                                target="_self">
                                <img src="Images/slide3(1).jpg" alt="">
                            </a></li>
                        <li style="float: left; list-style: none; position: relative; width: 197px; margin-right: 1px;">
                            <a href="Images/Kênh phân phối bán buôn điện thoại di động trực tuyến - Dienthoaionline.vn.htm"
                                target="_self">
                                <img src="Images/slide4(1).jpg" alt="">
                            </a></li>
                        <li style="float: left; list-style: none; position: relative; width: 197px; margin-right: 1px;">
                            <a href="Images/Kênh phân phối bán buôn điện thoại di động trực tuyến - Dienthoaionline.vn.htm"
                                target="_self">
                                <img src="Images/slide5(1).jpg" alt="">
                            </a></li>
                        <li style="float: left; list-style: none; position: relative; width: 197px; margin-right: 1px;">
                            <a href="Images/Kênh phân phối bán buôn điện thoại di động trực tuyến - Dienthoaionline.vn.htm"
                                target="_self">
                                <img src="Images/slide6(1).jpg" alt="">
                            </a></li>
                        <li style="float: left; list-style: none; position: relative; width: 197px; margin-right: 1px;">
                            <a href="Images/Kênh phân phối bán buôn điện thoại di động trực tuyến - Dienthoaionline.vn.htm"
                                target="_self">
                                <img src="Images/slide8.jpg" alt="">
                            </a></li>
                        <li style="float: left; list-style: none; position: relative; width: 197px; margin-right: 1px;">
                            <a href="Images/Kênh phân phối bán buôn điện thoại di động trực tuyến - Dienthoaionline.vn.htm"
                                target="_self">
                                <img src="Images/slide9.gif" alt="">
                            </a></li>
                        <li style="float: left; list-style: none; position: relative; width: 197px; margin-right: 1px;">
                            <a href="Images/Kênh phân phối bán buôn điện thoại di động trực tuyến - Dienthoaionline.vn.htm"
                                target="_self">
                                <img src="Images/slide1.gif" alt="">
                            </a></li>
                        <li style="float: left; list-style: none; position: relative; width: 197px; margin-right: 1px;">
                            <a href="Images/Kênh phân phối bán buôn điện thoại di động trực tuyến - Dienthoaionline.vn.htm"
                                target="_self">
                                <img src="Images/slide7.gif" alt="">
                            </a></li>
                        <li style="float: left; list-style: none; position: relative; width: 197px; margin-right: 1px;">
                            <a href="Images/Kênh phân phối bán buôn điện thoại di động trực tuyến - Dienthoaionline.vn.htm"
                                target="_self">
                                <img src="Images/slide10.jpg" alt="">
                            </a></li>
                        <li style="float: left; list-style: none; position: relative; width: 197px; margin-right: 1px;"
                            class="bx-clone"><a href="Images/Kênh phân phối bán buôn điện thoại di động trực tuyến - Dienthoaionline.vn.htm"
                                target="_self">
                                <img src="Images/slide2.gif" alt="">
                            </a></li>
                        <li style="float: left; list-style: none; position: relative; width: 197px; margin-right: 1px;"
                            class="bx-clone"><a href="Images/Kênh phân phối bán buôn điện thoại di động trực tuyến - Dienthoaionline.vn.htm"
                                target="_self">
                                <img src="Images/slide3(1).jpg" alt="">
                            </a></li>
                        <li style="float: left; list-style: none; position: relative; width: 197px; margin-right: 1px;"
                            class="bx-clone"><a href="Images/Kênh phân phối bán buôn điện thoại di động trực tuyến - Dienthoaionline.vn.htm"
                                target="_self">
                                <img src="Images/slide4(1).jpg" alt="">
                            </a></li>
                        <li style="float: left; list-style: none; position: relative; width: 197px; margin-right: 1px;"
                            class="bx-clone"><a href="Images/Kênh phân phối bán buôn điện thoại di động trực tuyến - Dienthoaionline.vn.htm"
                                target="_self">
                                <img src="Images/slide5(1).jpg" alt="">
                            </a></li>
                        <li style="float: left; list-style: none; position: relative; width: 197px; margin-right: 1px;"
                            class="bx-clone"><a href="Images/Kênh phân phối bán buôn điện thoại di động trực tuyến - Dienthoaionline.vn.htm"
                                target="_self">
                                <img src="Images/slide6(1).jpg" alt="">
                            </a></li>
                        <li style="float: left; list-style: none; position: relative; width: 197px; margin-right: 1px;"
                            class="bx-clone"><a href="Images/Kênh phân phối bán buôn điện thoại di động trực tuyến - Dienthoaionline.vn.htm"
                                target="_self">
                                <img src="Images/slide8.jpg" alt="">
                            </a></li>
                        <li style="float: left; list-style: none; position: relative; width: 197px; margin-right: 1px;"
                            class="bx-clone"><a href="Images/Kênh phân phối bán buôn điện thoại di động trực tuyến - Dienthoaionline.vn.htm"
                                target="_self">
                                <img src="Images/slide9.gif" alt="">
                            </a></li>
                        <li style="float: left; list-style: none; position: relative; width: 197px; margin-right: 1px;"
                            class="bx-clone"><a href="Images/Kênh phân phối bán buôn điện thoại di động trực tuyến - Dienthoaionline.vn.htm"
                                target="_self">
                                <img src="Images/slide1.gif" alt="">
                            </a></li>
                        <li style="float: left; list-style: none; position: relative; width: 197px; margin-right: 1px;"
                            class="bx-clone"><a href="Images/Kênh phân phối bán buôn điện thoại di động trực tuyến - Dienthoaionline.vn.htm"
                                target="_self">
                                <img src="Images/slide7.gif" alt="">
                            </a></li>
                        <li style="float: left; list-style: none; position: relative; width: 197px; margin-right: 1px;"
                            class="bx-clone"><a href="Images/Kênh phân phối bán buôn điện thoại di động trực tuyến - Dienthoaionline.vn.htm"
                                target="_self">
                                <img src="Images/slide10.jpg" alt="">
                            </a></li>
                    </ul>
                </div>
                <div class="bx-controls bx-has-pager bx-has-controls-direction">
                    <div class="bx-pager bx-default-pager">
                        <div class="bx-pager-item">
                            <a href="" data-slide-index="0" class="bx-pager-link">1</a></div>
                        <div class="bx-pager-item">
                            <a href="" data-slide-index="1" class="bx-pager-link">2</a></div>
                        <div class="bx-pager-item">
                            <a href="" data-slide-index="2" class="bx-pager-link">3</a></div>
                        <div class="bx-pager-item">
                            <a href="" data-slide-index="3" class="bx-pager-link active">4</a></div>
                    </div>
                    <div class="bx-controls-direction">
                        <a class="bx-prev" href="">Prev</a><a class="bx-next" href="">Next</a></div>
                </div>
            </div>
        </div>
        <div class="bx-controls bx-has-pager bx-has-controls-direction">
            <div class="bx-pager bx-default-pager">
                <div class="bx-pager-item">
                    <a href="" data-slide-index="0" class="bx-pager-link active">1</a></div>
                <div class="bx-pager-item">
                    <a href="" data-slide-index="1" class="bx-pager-link">2</a></div>
            </div>
            <div class="bx-controls-direction">
                <a class="bx-prev" href="">Prev</a><a class="bx-next" href="">Next</a></div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $('.bxslider').bxSlider({
        auto: true,
        captions: true,
        minSlides: 4,
        maxSlides: 5,
        slideWidth: 197,
        slideMargin: 1
    });
</script>
